<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <!-- 引入重置样式表 -->
  <link rel="stylesheet" href="../css/reset.css" />
  <!-- 引入公共样式表 -->
  <link rel="stylesheet" href="../css/common.css" />
  <!-- 引入当前页面样式表 -->
  <link rel="stylesheet" href="../css/shopCar.css" />

  <!--引入JQ-->
  <script src="../lib/jquery.js"></script>

  <!--引入当前页面JS-->
  <script src="../js/shopCar.js"></script>
  <body>
    <div class="header">
      <div class="container-fluid1 bc10">
        <div class="header-top dispflx container f1-justify">
          <img src="../imgs/reg.jpg" class="absolute" />
          <p class="cfff">legochina.cn</p>
          <p class="cfff">
            欢迎光临<a href="#">乐购</a>，请 <a href="./enter.html">登陆</a>\<a href="./reg.html"
              >注册</a
            >
          </p>
        </div>
        <!-- 购物车加搜索框 -->
      </div>
      <div class="shopcar container dispflx mt5 jcontent">
        <form action="" class="search">
          <p class="dispflx intt">
            <input type="text" placeholder="设计中的设计 原研哉" class="ti5" />
            <input type="submit" class="bcf60" />
          </p>
          <p class="cf32 font14 dispflx jcontent intt1">
            <label>配送至</label>
            <select class="cf32">
              <option>成都高新区三环内</option>
              <option>成都高新区三环内</option>
              <option>成都高新区三环内</option>
              <option>成都高新区三环内</option>
            </select>
          </p>
        </form>
      </div>
    </div>

    <div class="container">
      <h2 class="c6 font20 fnormal">填写并核对订单信息</h2>
      <div class="shopCarr">
        <ul class="shopCarr1 dispflx jusent">
          <li>
            <input type="checkbox" class="allSel" name = "like"/>
            全选
          </li>
          <li>商品</li>
          <li>单价</li>
          <li>数量</li>
          <li>小计</li>
          <li>操作</li>
        </ul>
        <ul class="shopCarr2 dispflx jusent aligitems ulll">
          <li><input type="checkbox" class="singleSel" name = "like[]" value="{$vo.id}"/></li>
          <li>
            <img src="../imgs/index08_05.jpg" alt="" />
            从你的全世界路过
          </li>
          <li class="price">41.00</li>
          <li>
            <span class="addNum">-</span>
            <input type="text" value="1" class="num" />
            <span class="reNum">+</span>
          </li>
          <li class="conut">41.00</li>
          <li>
            <span>删除</span>
            <br />
            <span>移到我的关注</span>
          </li>
        </ul>
        <ul class="shopCarr3 dispflx jusent aligitems ulll">
          <li><input type="checkbox" class="singleSel" name = "like[]" value="{$vo.id}"/></li>
          <li>
            <img src="../imgs/index08_05.jpg" alt="" />
            从你的全世界路过
          </li>
          <li class="price">41.00</li>
          <li>
            <span class="addNum">-</span>
            <input type="text" value="1" class="num" />
            <span class="reNum">+</span>
          </li>
          <li class="conut">41.00</li>
          <li>
            <span>删除</span>
            <br />
            <span>移到我的关注</span>
          </li>
        </ul>
       
        <ul class="shopCarr4 dispflx jusent aligitems ulll">
          <li>
            <input type="checkbox" class="allSel" />
            全选
          </li>
          <li>删除选中商品</li>
          <li></li>
          <li>已选择 <span class="cf60 numTotal cf60">0</span> 件商品</li>
          <li>
            总价:
            <span class="priceTotal cf60 absolute">0</span>
          </li>
          <li>去结算</li>
        </ul>
      </div>
      <div class="goods container">
        <div class="title dispflx f1-justify">
          <h2 class="font24 fnormal cf60 actvu">猜你喜欢</h2>
        </div>
        <ul class="dispflx flwrap ggul">
          <script>
            for (let i = 0; i < 6; i++) {
              document.write(`
               <li>
              <a href="#" ><img src="../imgs/5553-1_l.jpg" ></a>
              <img src="../imgs/limitTime.jpg">
              <p class="c3">白夜行  东野上吾</p>
              <p ><img src="../imgs/4747_03.jpg"></p>
              <p class="font24 cf60">&yen;:38<del class="c80 font14 mt10">&yen;:58</del></p>
               
            </li>
               `);
            }
          </script>
        </ul>
      </div>
    </div>

    <div class="footer mb90 container-fluid1">
      <div class="title dispflx f1-justify"></div>
      <div class="dispflx jcontentcnt footer-img bcf2">
        <img src="../imgs/222_11.png" />
        <img src="../imgs/222_13.png" />
        <img src="../imgs/222_15.png" />
        <img src="../imgs/222_17.png" />
      </div>
      <div class="dispflx jcontentcnt footer-dl">
        <dl>
          <dt><a href="" class="ziti">购物指南</a></dt>
          <dt><a href="">购物流程</a></dt>
          <dt><a href="">发票制度</a></dt>
          <dt><a href="">账户管理</a></dt>
          <dt><a href="">会员优惠</a></dt>
        </dl>
        <dl>
          <dt><a href="" class="ziti">支付方式</a></dt>
          <dt><a href="">货到付款</a></dt>
          <dt><a href="">网上支付</a></dt>
          <dt><a href="">礼品卡支付</a></dt>
          <dt><a href="">银行转帐</a></dt>
        </dl>
        <dl>
          <dt><a href="" class="ziti">购物指南</a></dt>
          <dt><a href="">购物流程</a></dt>
          <dt><a href="">发票制度</a></dt>
          <dt><a href="">账户管理</a></dt>
          <dt><a href="">会员优惠</a></dt>
        </dl>
        <dl>
          <dt><a href="" class="ziti">支付方式</a></dt>
          <dt><a href="">货到付款</a></dt>
          <dt><a href="">网上支付</a></dt>
          <dt><a href="">礼品卡支付</a></dt>
          <dt><a href="">银行转帐</a></dt>
        </dl>
        <dl class="relative">
          <dt><a href="" class="ziti">购物指南</a></dt>
          <dt><a href="">购物流程</a></dt>
          <dt><a href="">发票制度</a></dt>
          <dt><a href="">账户管理</a></dt>
          <img src="../imgs/logo_00.png" class="absolute footer-logo" />
        </dl>
      </div>
      <p class="font14 c80 tcenter line-h30">
        公司简介 | Investor Relations | 网站联盟 | 乐购招商 | 机构销售 |
        手机乐购 | 官方Blog | 热词搜索
      </p>
      <p class="font14 c80 tcenter line-h30">
        Copyright (C) 乐购网 2004-2016, All Rights Reserved
      </p>
    </div>
  </body>
</html>
